<template>
	<view class="">
		<view class="box">
			<view class="imgbox" v-for="(item,index) in 6">
				<image src="../../static/组30.png" mode=""></image>
				<text>￥220</text>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.box {
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-wrap: wrap;

		.imgbox {
			position: relative;
			margin-right: 15rpx;
			margin-bottom: 15rpx;
			image {
				width: 210rpx;
				height: 275rpx;
			}

			text {
				position: absolute;
				bottom: 15rpx;
				left: 61rpx;
				font-family: MicrosoftYaHei;
				font-size: 26rpx;
				color: #FFE59C;
			}
		}
		.imgbox:nth-child(3n){
			margin-right: 0;
		}
	}
</style>
